<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<title>ABK APP地图DEMO</title>
	<meta name="decorator" content="default"/>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<script src="${ctxStatic}/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
	 <style type="text/css">
		body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
        
        span  div image{
        	max-width:200%;
        	overflow: visible;
        }
     </style>	
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=RWIL7EuPR8buG0j3xWEzGtGXZ7XLkCNk"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			// 百度地图API功能
			var map = new BMap.Map("allmap");    // 创建Map实例
			map.centerAndZoom("南京", 15);  // 初始化地图,设置中心点坐标和地图级别
//			map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
			map.setCurrentCity("南京");          // 设置地图显示的城市 此项是必须设置的
			
		  var navigationControl = new BMap.NavigationControl({
			    // 靠左上角位置
			    anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
			    // LARGE类型
			    type: BMAP_NAVIGATION_CONTROL_SMALL
			    // 启用显示定位
			   //  enableGeolocation: true
			  });
			map.addControl(navigationControl);
			
			var point = new BMap.Point(${Lng}, ${Lat});
			var marker = new BMap.Marker(point);  // 创建标注
			map.addOverlay(marker);               // 将标注添加到地图中
			//map.panTo(point);
			
			setTimeout(function(){
				map.panTo(point);   //两秒后移动
			}, 1500); 
			
			
			var opts = {
					width : 250,     // 信息窗口宽度
					height: 80,     // 信息窗口高度
					title : "信息窗口" , // 信息窗口标题
					offset: {width:0, height:-20},
					enableMessage:true//设置允许信息窗发送短息
				   };
			var infoWindow = new BMap.InfoWindow(" Your position ", opts);  // 创建信息窗口对象 
			marker.addEventListener("click", function(){          
				map.openInfoWindow(infoWindow,point); //开启信息窗口
			});
			
		});
		
		
		function page(n,s){
			$("#pageNo").val(n);
			$("#pageSize").val(s);
			$("#searchForm").submit();
        	return false;
        }
		
		
	</script>
</head>
<body>

<%-- 	<sys:message content="${message}"/> --%>
	<div id="allmap"></div>
	
</body>
</html>